<template>
	<view class="result-image">
		<image src="/static/icons/u4418.png" mode=""></image>
	</view>

	<view class="pay-success">提交申请成功，等待医生审核</view>
	<view class="ready-doctor">您的申请已提交，医生审核通过后支付即可完成签约</view>
	<view class="look-detail" @click="toSignDetail">查看签约进度</view>
	<view class="back-home" @click="toHome">返回首页</view>
</template>

<script setup>
	const toHome = () => {
		uni.switchTab({
			url: '/pages/home/home'
		})
	}

	import {
		onLoad
	} from '@dcloudio/uni-app';
	import {
		ref
	} from 'vue';

	const serviceId = ref('')

	onLoad((options) => {
		console.log(999, options._id);
		serviceId.value = options._id
	})
	const toSignDetail = () => {
		uni.navigateTo({
			url: `/minePackage/pages/signing-record/signing-record?_id=${serviceId.value}`
		})
	}
</script>

<style scoped lang="scss">
	.result-image {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 30rpx 0;

		image {
			width: 80rpx;
			height: 80rpx;
		}
	}

	.pay-success {
		font-size: 40rpx;
		color: #333333;
		text-align: center;
		margin-bottom: 30rpx;
		font-family: 'PingFangSC-Regular', 'PingFang SC';
		font-weight: 400;
	}

	.ready-doctor {
		font-size: 26rpx;
		color: #999999;
		text-align: center;
		margin-bottom: 80rpx;
	}

	.look-detail {
		margin: 0 32rpx;
		width: 670rpx;
		height: 88rpx;
		border-radius: 20rpx;
		background-color: #2984F8;
		font-family: 'PingFangSC-Regular', 'PingFang SC';
		font-weight: 400;
		font-size: 32rpx;
		color: #ffffff;
		text-align: center;
		line-height: 88rpx;
		margin-bottom: 30rpx;
	}

	.back-home {
		margin: 0 32rpx;
		width: 670rpx;
		height: 88rpx;
		border-radius: 20rpx;
		font-family: 'PingFangSC-Regular', 'PingFang SC';
		font-weight: 400;
		font-size: 32rpx;
		color: #2984F8;
		background-color: #ffffff;
		border: 1rpx solid #e5e5e5;
		text-align: center;
		line-height: 88rpx;
	}
</style>
<style>
	page {
		background-color: #f7fafd;
		/* 自定义颜色 */
	}
</style>